import { Component } from "react";
 // 导入一个样式 这样直接的引入样式会带来一个弊端
 // 样式会变成全局样式 当前页面内的而所有组件都会使用到
 // 对应的样式形成了样式的污染
import './ft.css';  // 直接引入
import myft from  './myft.module.scss';
import newft from './newft.module.css'; // 导入为一个变量
// 这样引入会webpack帮重新去修改 newft.modules.css里面的样式的类名

import  './nt.scss';


class Ft extends Component { 

    componentDidMount(){
        console.log('newft',newft)
    }

    render(){
        return (
            <div className={'myft ft '+ newft.fz +' '+ myft.bd}   >
               <span class="a"> 我是ft组件</span> 
            </div>
        )
    }
}

export default Ft;


